<script setup>
import {ref} from "vue"
import {useRouter} from "vue-router";
const router = useRouter()
const list = ref([
  {
    title: '电脑办公',
    value: '￥10000.00',
    label: '仓库使用占比50%'
  },
  {
    title: '数码家电',
    value: '￥10000.00',
    label: '仓库使用占比50%'
  }
])
const jumpFn = () => {
  router.push('/addDetail')
}
</script>

<template>
  <div class="w-full">
    <van-image
        height="218"
        width="343"
        src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"
    />
  </div>
  <div class="w-full mt-[10px] roundCorner backgroundColor padding">
    <div class="font-bold">总部仓库</div>
    <div class="fontSize2">电脑办公、数码加点、数码加点、可省略电脑办公、数码加点、数码加点</div>
    <div class="mt-[8px] elasticity">
      <div class="flex items-center">
        <div class="text-[10px] text-[#666]">库存金额：</div>
        <div class="text-[14px] text-[#FF4000]">￥2.32万</div>
      </div>
      <div class="text-[12px] text-[#666]">库存112693件</div>
    </div>
  </div>
  <div class="w-full mt-[10px] roundCorner backgroundColor padding">
    <van-cell-group>
      <van-cell v-for="(item, index) in list"
                :key="index" :title="item.title"
                :value="item.value"
                :label="item.label"
                @click="jumpFn"
      />
    </van-cell-group>

  </div>
</template>

<style scoped lang="less">
::v-deep{
  .van-cell__value{
    span{
      color: #FF4000;
    }
  }
}
</style>